<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>兔小白</title>
	<link rel="stylesheet" type="text/css" href="./兔小白.css">

</head>
<body>

	<div class="title clearFix">
		<div class="logo"></div>
		<div class="title-right">
			<div>首页</div>
			<div>关于我</div>
			<div>文章</div>
			<div>心情</div>
			<div>相册</div>
			<div>留言</div>
		</div>
	</div>
	<div class="header clearFix">
		<div class="header-left">
			<img src="../兔小白/a1.jpg">
		</div>
		<div class="header-right">
			<div class="header-right-title">关注我</div>
			<div class="header-right-only cleaFix">
				<div class="header-right-one">
					<div></div>
					<span>新浪微博</span>
				</div>
				<div class="header-right-two">
					<div></div>
					<span>腾讯微博</span>
				</div>
				<div class="header-right-three">
					<div></div>
					<span>RSS</span>
				</div>
				<div class="header-right-four">
					<div></div>
					<span>邮箱</span>
				</div>
				<div class="header-right-img">
					<img src="../兔小白/ad300x100.jpg">
				</div>
			</div>
		</div>
	</div>
	<div class="body ">
		<div class="body-lfet">
			<div class="body-lfet-tiele">
				<div class="body-lfet-tiele-p">
					<p>文章推荐</p>
				</div>
				<div class="body-lfet-tiele-a">
					<a href="#">栏目标题3</a>
				</div>
				<div class="body-lfet-tiele-a">
					<a href="#">栏目标题2</a>
				</div>
				<div class="body-lfet-tiele-a">
					<a href="#">栏目标题1</a>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/01.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/02.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/03.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/04.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/05.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/06.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

			<div class="list clearFix">
				<div class="list-img">
					<img src="../兔小白/01.jpg">
				</div>
				
				<div class="list-text  ">
					<h4>住在手机里的朋友</h4>
					<div class="list-text-body">
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<p class="clearFix">
							<span class="F1">
								<img src="../兔小白/newsbg01.png">
								<a href="#">个人博客</a>
								<img src="../兔小白/newsbg02.png">
								<span>2014-02-19</span>
							</span>
							<span class="F2">
								<img src="../兔小白/newsbg03.png">
								<a href="#">评论(30)</a>
								<img src="../兔小白/newsbg04.png">
								<a href="#">浏览(459)</a>
							</span>
						</p>
					</div>
				</div>
			</div>

		</div>
		<div class="body-right  ">
			<div class="ranking">
				<div class="ranking-title clearFix">
					<div>点击排行</div>
					<div>最新文章</div>
					<div>站长推荐</div>
				</div>
			<div class="ranking-body">
				<div class="ranking-body-top">
					<div class="ranking-body-one"></div>
					<span>住在手机里的朋友</span>
				</div>
				<div class="ranking-body-top">
					<div class="ranking-body-tow"></div>
					<span>教你怎样用欠费手机拨打电话</span>
				</div>
				<div class="ranking-body-top">
					<div class="ranking-body-three"></div>
					<span>原来以为，一个人的勇敢是，删掉他的手机号码...</span>
				</div>
				<div class="ranking-body-top">
					<div class="ranking-body-four"></div>
					<span> 手机的16个惊人小秘密，据说99.999%的人都不知</span>
				</div>
				<div class="ranking-body-top">
					<div class="ranking-body-five"></div>
					<span> 你面对的是生活而不是手机</span>
				</div>
				<div class="ranking-body-top">
					<div class="ranking-body-six"></div>
					<span> 豪雅手机正式发布! 在法国全手工打造的奢</span>
				</div>
			</div>
			</div>
			<div class="tags">
				<div class="tags-title">
					<div>标签云</div>
				</div>
				<div class="tags-body clearFix">
					<div>个人博客</div>
					<div>web开发</div>
					<div>前端设计</div>
					<div>Html</div>
					<div>CSS3</div>
					<div>Html+css3</div>
					<div>百度</div>
					<div>Javasript</div>
					<div>web开发</div>
					<div>前端设计</div>
					<div>Html</div>
					<div>CSS3</div>
					<div>Html+css3</div>
					<div>百度</div>
				</div>
			</div>
			<div class="recommend">
				<div class="recommend-title">
					图文推荐
				</div>
				<div class="recommend-body clearFix">
					<div>
						<img src="../兔小白/01.jpg">
					</div>
					<div class="recommend-text">
						<span><a href="#">
							
							住在手机里的朋友

							</a>
						</span>
						<p>
							<img src="../兔小白/lanmbq.png">
							手机配件
							<img src="../兔小白/datepng.png">
							2015-02-15

						</p>

					</div>
				</div>
				<div class="recommend-body clearFix">
					<div>
						<img src="../兔小白/02.jpg">
					</div>
					<div class="recommend-text">
						<span><a href="#">
							
							住在手机里的朋友

							</a>
						</span>
						<p>
							<img src="../兔小白/lanmbq.png">
							手机配件
							<img src="../兔小白/datepng.png">
							2015-02-15

						</p>

					</div>
				</div>
				<div class="recommend-body clearFix">
					<div>
						<img src="../兔小白/03.jpg">
					</div>
					<div class="recommend-text">
						<span><a href="#">
							
							住在手机里的朋友

							</a>
						</span>
						<p>
							<img src="../兔小白/lanmbq.png">
							手机配件
							<img src="../兔小白/datepng.png">
							2015-02-15

						</p>

					</div>
				</div>
				<div class="recommend-body clearFix">
					<div>
						<img src="../兔小白/04.jpg">
					</div>
					<div class="recommend-text">
						<span><a href="#">
							
							住在手机里的朋友

							</a>
						</span>
						<p>
							<img src="../兔小白/lanmbq.png">
							手机配件
							<img src="../兔小白/datepng.png">
							2015-02-15

						</p>

					</div>
				</div>
				<div class="recommend-body clearFix">
					<div>
						<img src="../兔小白/05.jpg">
					</div>
					<div class="recommend-text">
						<span><a href="#">
							
							住在手机里的朋友

							</a>
						</span>
						<p>
							<img src="../兔小白/lanmbq.png">
							手机配件
							<img src="../兔小白/datepng.png">
							2015-02-15

						</p>

					</div>
				</div>
			</div>
			<div id="tu">
				<img src="../兔小白/06.jpg">
			</div>
			<div class="link">
				<div class="link-title-lar clearFix">
					<div class="link-title-left">
						友情链接
					</div>
					<div class="link-title-right">
						<a href="">[申请友情链接]</a>
					</div>
				</div>				
			</div>
			<div class="link-box clearFix">
				<div>
					<a href="">杨青个人博客</a>
				</div>
				<div>
					<a href="">web开发</a>
				</div>
				<div>
					<a href="">前端设计</a>
				</div>
				<div>
					<a href="">Html</a>
				</div>
				<div>
					<a href="">CSS3</a>
				</div>
				<div>
					<a href="">Html+css3</a>
				</div>
				<div>
					<a href="">百度</a>
				</div>
				
			</div>
				
		</div>
	</div>
</body>
</html>